let uu = document.querySelector('#center ul')
fetch('http://chst.vip:1234/api/getcategorytitle')
    .then(body => body.json())
    .then(res => {
        console.log(res)
        let tl = ""
        res.result.forEach(item => {
            tl += `<li productid=${item.titleId}>
            <a class='a1'>${item.title}</a>
            <div class="droplist"></div>
        </li>`
        });
        
        uu.innerHTML = tl;
    })

$('.droplist').prop('flag', false)
uu.onclick = function (e) {
    if (e.target.localName == "a") {
        let _this = e.target;
        let id = _this.getAttribute('titleid')
        id = Number(id)
        fetch('http://chst.vip:1234/api/getcategory?titleid=' + id)
            .then(body => body.json())
            .then(res => {
                console.log(res)
                let lis = "";
                res.result.forEach(function(item){
                    lis += `<p><a class="aa" href="../pages/bijia.html?title=${item.category}&categoryid=${item.categoryId}" ">${item.category}</a></p>`
                    $(_this).next().html(lis);
                })

            })
            let flag =$(_this).next().prop('flag')
            if(flag){
                $(_this).next().slideUp(300).prop('flag',false)
                return
            }
            $(_this).next().slideDown(300).prop('flag',true).parent().siblings().find('.droplist').slideUp(300).prop('flag',false)

            
    }

    

}

